<template>
<h2>第一个页面</h2>
<div>
    文本插值输出语法：{{ name }}
        性别：{{ sex }}
        年龄：{{ age }}
</div>
<div v-html="addr">

</div>
<div>
    <input type="text" name="nname" id="150"/>
    <input type="text" v-bind:bname="sname" v-bind:id="sid"/>
    <input type="text" :id="sid" :name="sname"/>
</div>
</template>
<script setup lang="ts">
//声明常量name并赋值
const name="张三";
const sex="男";
const age=18;
//文本插值会将数字解释为纯文本如果想插入HTML内容需要借助于v-html指令
const addr="<a href='https://gitee.com/dkfjksjdf/junior-high-school-students'>Git网站</a>";

//声明参数并为控件绑定数据
const sid="601";
const sname="John";

//声明bool类型的常量
const flag=true;
</script>